.page-rule {
  background: #7eb8b3;
  min-height: 100%;
  color: #fff1d6;
  padding: 0 px2rem(20px);
}
.rule-section-pt {
  padding: px2rem(100px) 0 px2rem(80px);
}

.rule-section-cap {
  height: px2rem(200px);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  transform: translate(-50%, 0);

  &.cap-bbyxb {
    background-image: url("../images/bbgz_1.png");
  }
}

.rule-section-wrapper {
  padding: px2rem(50px) 0 0;
  background: url("../images/sec_top_3.png") no-repeat top center;
  background-size: 100% auto;
}

.rule-section-inner {
  width: 100%;
  padding: 0 0 px2rem(50px) 0;
  background: url("../images/sec_bottom_3.png") no-repeat bottom center;
  background-size: 100% auto;
}

.rule-section-content {
  background: url("../images/sec_mid_3.png") repeat-y top center;
  background-size: 100% auto;
}


.rules-cap-type-1 {
  width: px2rem(185px);
  height: px2rem(66px);
  background: url("../images/bbgz_3.png") no-repeat top center;
  background-size: 100% 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff1d6;
  font-size: px2rem(28px);
}
.rules-num-list {
  .num-tag {
    width: px2rem(30px);
    height: px2rem(30px);
    background: #00514a;
    border-radius: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: px2rem(20px);
    margin: px2rem(8px) px2rem(10px) 0 0;
  }
}


.rule-tbl-1{
  width: 100%;
  text-align: center;
  border: 2px solid #fff1d6;
  th{
    border: 1px solid #fff1d6;
    padding:px2rem(20px) 0;
    font-weight: bold;
  }
  td{
    border: 1px solid #fff1d6;
    padding:px2rem(20px) 0;
  }
  .diece-img{
    width: px2mre(32px);
    height: px2rem(32px);
  }
}
.rule-tbl-2{
  width: 1000px;
  table-layout: fixed;
  text-align: center;
  border: 2px solid #fff1d6;
  th{
    border: 2px solid #fff1d6;
    padding:px2rem(8px) 0;
    font-weight: bold;
    font-size: px2rem(24px);
  }
  td{
    border: 1px solid #fff1d6;
    padding:px2rem(20px) 0;
    font-size: px2rem(24px);
  }
  .col-1{
    width: px2rem(150px);
  }
  .col-2{
    width: px2rem(100px);
  }
  .col-3{
    width: px2rem(125px);
  }
  .col-4{
    width: px2rem(300px);
  }
}
